<template>
	<view class="u-page">
		<view class="wrap">
			<u-swiper :list="list" duration="1000" :circular="true" :effect3d="true"></u-swiper>
		</view>
		<view class="cu-bar bg-white solid-bottom card_title">
			<view class="action">
				<text class="cuIcon-titles text-blue"></text> 功能服务
			</view>
		</view>
		<view class="cu-list grid my_card col-4 no-border">
			<view class="cu-item">
				<navigator url="../business/business" hover-class="none">
					<view class="icon-jcsgongshangcaishui iconfont text-red" style="font-size: 48rpx;"></view>
					<view @click="">工商</view>
				</navigator>
			</view>
			<view class="cu-item">
				<view class="icon-jcsgongjuxiang iconfont text-cyan" @click="more_func" style="font-size: 48rpx;"></view>
				<view @click="more_func">工具箱</view>
			</view>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return{
				list: [],
			}
		},
		onReady(){
			this.list=[];
			for(let i=0;i<this.jcs_banner.length;i++){
				this.list.push({"image":this.jcs_banner[i],"title":""});
			}
		},
		methods:{
			more_func(){
				this.$refs.uToast.show({
					title: '更多功能敬请期待'
				})
			}
		}
	}
</script>

<style>
	.wrap {
		padding: 20rpx;
	}
</style>
